<html>
<head>
    <meta charset="utf-8">
    <title>VIP13的html学习</title>
    <link rel="stylesheet" type="text/css" href="css/VIP13css.css">
    <!-- 不常用    <style >@import "css/VIP13css.css";</style>-->
    <script src="js/vip13js.js"></script>
    <script type="text/javascript" src="https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/js/lib/jquery-1-edb203c114.10.2.js"></script>

</head>
<body>
<style> div {
    background-color: cornflowerblue;
    font-size: small
}

p {
    color: crimson
}

h3 {
    font-size: xx-small
}</style>
欢迎来到特斯汀
<hr>
<div>
    <h1 style="font-family: fangsong;color: aqua;" onclick="var a=123; var b=a+3; console.log('计算结果是'+b)">
        接下来学习常用的html元素</h1>
    <h3 id="baidu">form表单元素的学习</h3>
    <a href="register.html" style="position: relative;left:200px;top:-30px">没有账号？注册</a>
    <!--     form表单用于提交信息   action属性如果不指定，默认提交给当前路径文件-->
    <form action="/user/login" method="post">
        <!--        不管如何，都会带上name去进行提交，如果不填就会是username=&password= -->
        请输入用户名:<input type="text" name="username"><br>
        请输入密码:&nbsp;&nbsp;&nbsp; <input type="password" name="password" ><br>
        <input type="hidden" name="老师" value="roy">
        <hr>
        <h3>接下来是一组单选框，请选择喜欢的月饼口味：</h3>
        <!--            input元素的radio单选要生效，需要name是一致的-->
        <!--        label元素通常会和input一起用-->
        <label><input type="radio" name="favor" value="蛋黄">蛋黄</label>
        <label><input type="radio" name="favor" value="莲蓉">莲蓉</label>
        <hr>
        <!--        真正影响提交的数据的是 value的值-->
        <label class="moon"> <input type="checkbox" name="action" value="赏月">赏月</label>
        <label> <input type="checkbox" name="action" value="猜灯谜">猜灯谜</label>
        <label> <input type="checkbox" name="action" value="猜灯谜">吃大餐</label>
        <hr>
        <h3>接下来是下拉框select元素,选择最喜欢的歌手</h3>
        <select name="singer">
            <!--     如果不指定value，则会提交option的文本内容，如果指定了就提交value的属性值       -->
            <option value="Jay">周杰伦</option>
            <option value="yan">孙燕姿</option>
            <option value="jj">林俊杰</option>
        </select>
        <hr>
        <input type="submit" value="登录">
    </form>

    <button type="button" onclick="ajaxLogin()">ajax登录</button>

</div>
</body>
</html>